<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="telephone=no" name="format-detection"/>
    <title>贷盟主-选贷款，只选贷盟主</title>
    <link rel="stylesheet" href="css/H-ui.reset.css">
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/alert.css">
    <style>

    </style>
</head>
<body>
<header>
    <div class="swiper-container">
        <div class="swiper-wrapper">
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <!-- <div align="center" class="index_title">
    	<span>贷盟主-选贷款，只选贷盟主</span>
    </div> -->
    
    <div class="news_list">
        <div class="news_list_tit">
            <img src="images/index_05.png" alt="">
            <span>实时资讯</span>
        </div>
        <div class="scroll-box">
            <ul></ul>
        </div>
    </div>
</header>
<nav class="index_nav">
    <section class="index_nav_list">
        <div class="filter_list" minLimit="" maxLimit="2000">
            <img src="images/index_09.png" alt="">
            <p>2千以下</p>
        </div>
        <div class="filter_list" minLimit="2000" maxLimit="5000">
            <img src="images/index_11.png" alt="">
            <p>2千-5千</p>
        </div>
        <div class="filter_list" minLimit="5000" maxLimit="20000">
            <img src="images/index_13.png" alt="">
            <p>5千-2万</p>
        </div>
        <div class="filter_list" minLimit="20000" maxLimit="">
            <img src="images/index_15.png" alt="">
            <p>2万以上</p>
        </div>
    </section>
</nav>
<div class="line"></div>
<section class="recommend_loan">
    <div class="recommend_loan_list">
        <div class="loan_list_tit">
            <span></span>
            <span>贷款推荐入口</span>
        </div>

    </div>
</section>
<section class="list_footer">
    <section class="footer_term">
        <div class="footer_term_list footer_term_list_multiple">
        	<a href="#">
            	<img src="images/bottom_05.png" alt="">
            	<p>首页</p>
            </a>
        </div>
        <div class="footer_term_list footer_term_list_sum">
        	<a href="loan_list.html">
            	<img src="images/bottom_01.png" alt="">
            	<p>贷款超市</p>
        	</a>
        </div>
        <div class="footer_term_list footer_term_list_type">
            <a href="personal.html">
            	<img src="images/bottom_03.png" alt="">
            	<p>个人中心</p>
            </a>
        </div>
    </section>
</section>

<script src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="js/jquery.json-2.4.min.js"></script>
<script type="text/javascript" src="js/alert.js"></script>
<script src="js/config.js"></script>
<script src="js/public.js"></script>
<script src="js/loading.js"></script>
<script>

    $(function () {
    	$(".footer_term_list_multiple img").attr("src", "images/bottom_06.png"); //底部图标选中效果
    	
    	//获取渠道来源、数量
    	var channel = GetUrlParameter("channel");
    	var num = GetUrlParameter("num");
    	localStorage.setItem("channel", channel);
    	localStorage.setItem("num", num);
    	
        banner_list();   // 获取banner图
        news_list();   // 获取实时资讯
        product_list();  // 获取产品列表

        $(".filter_list").click(function () {
            var minLimit = $(this).attr("minLimit");
            var maxLimit = $(this).attr("maxLimit");
            window.location.href = "loan_list.html?minLimit="+ minLimit +"&maxLimit="+ maxLimit +"&source="+ source;
        });

        // 消息滚动
        var $uList = $(".scroll-box ul");
        var timer = null;
        //触摸清空定时器
        $uList.hover(function () {
            clearInterval(timer);
        },function () {//离开启动定时器
            timer = setInterval(function () {
                scrollList($uList);
            },3000);
        }).trigger("mouseleave"); //自动触发触摸事件
        //滚动动画
        function scrollList(obj) {
            //获得当前<li>的高度
            var scrollHeight = $("ul li:first").height();
            //滚动出一个<li>的高度
            $uList.stop().animate({marginTop:-scrollHeight},1000,function () {
                //动画结束后，将当前<ul>marginTop置为初始值0状态，再将第一个<li>拼接到末尾。
                $uList.css({marginTop:0}).find("li:first").appendTo($uList);
            });
        }
    });

</script>
</body>
</html>